<!--
                                                           .                     
                                     .;$$                     
                        ....:;$$$$$$$   $                     
                    ..;;;$$$            $:..                  
                 .:$$$$$$               $$$$$:.               
               .;$$$$$$$3             $$$$$$$$$;.             
             .;$$$$$$$$$$      $$$$$$$;$$$$$$$$$$;.           
            ;$$$$$$$$$$$$$    $$;$$$$$$$$$$$$$$$$$$;          
           ;$$$$$$$$$$$$$$$$    $$$$$$$$$$$$$$$$$$$$$         
          $$$$$$$$$$$$$$$$$$$    $$$$$$$$$$$$$$$$$$$$$        
         :$$$$$$$$$$$$$$$$$$$$    $$$$$$$$$$$$$$$$$$$$;       
        .$$$$$$$$$$$$$$$$$$$$$$$   $$$$$$$$$$$$$$$$$$$$.      
        :$$$$$$$$$$$$$$$$$$$$$$$$   $$$$$$$$$$$$$$$$$$$:      
        ;$$$$$$$$$$$$$$$$$$$$$$$$$$  $$$$$$$$$$$$$$$$$$;      
        ;$$$$$$$$$$$$$$$$$$$$$$$$$$$   $$$$$$$$$$$$$$$$;      
        :$$$$$$$$$$$$$$$$$$             $$$$$$$$$$$$$$$:      
        .$$$$$$$$$$$$$$$                 $$$$$$$$$$$$$$.      
         ;$$$$$$$$$$$$$                   $$$$$$$$$$$$;       
          $$$$$$$$$$$$                     $$$$$$$$$$$        
           $$$$$$$$$$                      $$$$$$$$$$         
            ;$$$$$$$$                     $$$$$$$$$;          
             .$$$$$$$$                   $$$$$$$$$.           
               .$$$$$$$$               $$$$$$$$$:             
                 .;$$$$$$$$          $$$$$$$$;.               
                    .:$$$$$$$$$$$$$$$$$$$$:.                  
                        ...:;;;;;;;;:...                                     
                                                   
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./styles/common.css">
  <link rel="stylesheet" href="./styles/index.css">
  <link rel="stylesheet" href="./styles/theme.css">
  <link rel="stylesheet" href="./styles/icon.css">
  <title>QQ音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！</title>
</head>

<body>
  <header class="header head">
    <div class="sub">
      <div class="head-menu">
        <ul class="head-menu-list">
          <li class="active"><a href="javascript:;">首页</a></li>
          <li><a href="javascript:;">歌手</a></li>
          <li><a href="javascript:;">专辑</a></li>
          <li><a href="javascript:;">排行榜</a></li>
          <li><a href="javascript:;">分类歌单</a></li>
          <li><a href="javascript:;">电台</a></li>
          <li><a href="javascript:;">MV</a></li>
          <li><a href="javascript:;">数字专辑</a></li>
        </ul>
      </div>
      <div class="head-logo"><a href="javascript:;;"><img src="./assets/logo@2x.png" class="logo-img"></a></div>
      <ul class="head-nav">
        <li class="active-btn"><a href="javascript:;">音乐馆</a></li>
        <li><a href="javascript:;">我的音乐</a></li>
        <li><a href="javascript:;">客户端</a></li>
        <li><a href="javascript:;">音乐号</a></li>
        <li><a href="javascript:;">VIP</a></li>
      </ul>
      <div class="head-search">
        <form class="head-search-box">
          <input type="text" class="head-search-text" placeholder="搜索音乐、MV、歌单、用户">
          <button class="head-search-btn"><i class="icon-search"></i></button>
        </form>
      </div>
      <div class="head-user">
        <div class="head-user-main">
          <img src="./assets/g.jpg" class="head-user-icon">
          <img src="./assets/login_qq.png" class="head-user-type">
        </div>
      </div>
      <div class="head-service">
        <a href="javascript:;" class="btn inter">续费绿钻豪华版</a>
        <a href="javascript:;" class="btn-o inter">续费付费包</a>
      </div>
    </div>
  </header>
  <section class="section">
    <div class="section-item">
      <div class="sub">
        <div class="play-mod-title">
          <span class="pm-text pm1"></span>
        </div>
        <ul class="play-mod-sub">
          <li class="play-mod-sub-item active"><a href="javascript:;">为你推荐</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">热门游戏</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">背景音乐</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">安静</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">劲爆DJ</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">粤语精选</a></li>
        </ul>
        <div class="play">
          <ul class="play-list">
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
          </ul>
        </div>
        <div class="play-list-force">
          <a href="javascript:;" class="pl-force-a active"><span class="active"></span></a>
          <a href="javascript:;" class="pl-force-a"><span></span></a>
        </div>
      </div>
      <div class="play-list-tableft">
        <i class="icon-left"></i>
      </div>
      <div class="play-list-tabright">
        <i class="icon-right"></i>
      </div>
    </div>
    <div class="section-item">
      <div class="sub">
        <div class="play-mod-title">
          <span class="pm-text pm1"></span>
        </div>
        <ul class="play-mod-sub">
          <li class="play-mod-sub-item active"><a href="javascript:;">为你推荐</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">热门游戏</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">背景音乐</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">安静</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">劲爆DJ</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">粤语精选</a></li>
        </ul>
        <div class="play">
          <ul class="play-list">
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
          </ul>
        </div>
        <div class="play-list-force">
          <a href="javascript:;" class="pl-force-a active"><span class="active"></span></a>
          <a href="javascript:;" class="pl-force-a"><span></span></a>
        </div>
      </div>
      <div class="play-list-tableft">
        <i class="icon-left"></i>
      </div>
      <div class="play-list-tabright">
        <i class="icon-right"></i>
      </div>
    </div>
    <div class="section-item">
      <div class="sub">
        <div class="play-mod-title">
          <span class="pm-text pm1"></span>
        </div>
        <ul class="play-mod-sub">
          <li class="play-mod-sub-item active"><a href="javascript:;">为你推荐</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">热门游戏</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">背景音乐</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">安静</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">劲爆DJ</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">粤语精选</a></li>
        </ul>
        <div class="play">
          <ul class="play-list">
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
          </ul>
        </div>
        <div class="play-list-force">
          <a href="javascript:;" class="pl-force-a active"><span class="active"></span></a>
          <a href="javascript:;" class="pl-force-a"><span></span></a>
        </div>
      </div>
      <div class="play-list-tableft">
        <i class="icon-left"></i>
      </div>
      <div class="play-list-tabright">
        <i class="icon-right"></i>
      </div>
    </div>
    <div class="section-item">
      <div class="sub">
        <div class="play-mod-title">
          <span class="pm-text pm1"></span>
        </div>
        <ul class="play-mod-sub">
          <li class="play-mod-sub-item active"><a href="javascript:;">为你推荐</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">热门游戏</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">背景音乐</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">安静</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">劲爆DJ</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">粤语精选</a></li>
        </ul>
        <div class="play">
          <ul class="play-list">
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
          </ul>
        </div>
        <div class="play-list-force">
          <a href="javascript:;" class="pl-force-a active"><span class="active"></span></a>
          <a href="javascript:;" class="pl-force-a"><span></span></a>
        </div>
      </div>
      <div class="play-list-tableft">
        <i class="icon-left"></i>
      </div>
      <div class="play-list-tabright">
        <i class="icon-right"></i>
      </div>
    </div>
    <div class="section-item">
      <div class="sub">
        <div class="play-mod-title">
          <span class="pm-text pm1"></span>
        </div>
        <ul class="play-mod-sub">
          <li class="play-mod-sub-item active"><a href="javascript:;">为你推荐</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">热门游戏</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">背景音乐</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">安静</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">劲爆DJ</a></li>
          <li class="play-mod-sub-item"><a href="javascript:;">粤语精选</a></li>
        </ul>
        <div class="play">
          <ul class="play-list">
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
            <li class="play-list-item">
              <h4 class="play-cover-show">
                <img src="https://p.qpic.cn/music_cover/ibSiagqKjw1zfTgxY7F8CfEx6JplibzuQ45z6bvEmczbR7Tnp463JwMFA/300?n=1" class="play-cover">
                <span class="play-cover-layer">
                  <span class="play-cover-btn"></span>
                </span>
              </h4>
              <h5><a href="javascript:;">每日新歌:旋风爸比林志颖亲情主打</a></h5>
              <h6>播放量：10.6万</h6>
            </li>
          </ul>
        </div>
        <div class="play-list-force">
          <a href="javascript:;" class="pl-force-a active"><span class="active"></span></a>
          <a href="javascript:;" class="pl-force-a"><span></span></a>
        </div>
      </div>
      <div class="play-list-tableft">
        <i class="icon-left"></i>
      </div>
      <div class="play-list-tabright">
        <i class="icon-right"></i>
      </div>
    </div>
  </section>
  <footer></footer>
</body>


</html>